<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ko" xml:lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
  <meta content="MEI" name="Generator" />
  <meta content="1.0.0" name="Version" />
  <meta content="Seok Kyun. Choi. (http://syaku.tistory.com)" name="Programmed" />
  <meta content="no" http-equiv="imagetoolbar" />
  <title>스타일시트 버튼 테스트</title>

  <link rel="stylesheet" type="text/css" href="button.css" />
  <link rel="stylesheet" type="text/css" href="../icons/icons.css" />
  <link rel="stylesheet" type="text/css" charset="UTF-8" media="all" href="../../style.css" />

</head>
<body>
  <div>
  <h1>button default</h1>
  <span class="button small"><a href="#">링크</a></span>
  <span class="button medium"><a href="#">링크</a></span>
  <span class="button large"><a href="#">링크</a></span>
  <span class="button xlarge"><a href="#">링크</a></span>
  <span class="button small"><button type="button">버튼</button></span>
  <span class="button medium"><button type="button">버튼</button></span>
  <span class="button large"><button type="button">버튼</button></span>
  <span class="button xlarge"><button type="button">버튼</button></span>

  <span class="button small icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button medium icon"><a href="#"><span class="iconset delete"></span>링크</a></span>
  <span class="button large icon"><a href="#"><span class="iconset delete"></span>링크</a></span>
  <span class="button xlarge icon"><a href="#"><span class="iconset delete"></span>링크</a></span>
  <span class="button small icon"><button type="button"><span class="iconset delete"></span>버튼</button></span>
  <span class="button medium icon"><button type="button"><span class="iconset delete"></span>버튼</button></span>
  <span class="button large icon"><button type="button"><span class="iconset delete"></span>버튼</button></span>
  <span class="button xlarge icon"><button type="button"><span class="iconset delete"></span>버튼</button></span>
  </div>
  <hr />

  <div>
  <h1>button black</h1>
  <span class="button black small"><a href="#">링크</a></span>
  <span class="button black medium"><a href="#">링크</a></span>
  <span class="button black large"><a href="#">링크</a></span>
  <span class="button black xlarge"><a href="#">링크</a></span>
  <span class="button black small"><button type="button">버튼</button></span>
  <span class="button black medium"><button type="button">버튼</button></span>
  <span class="button black large"><button type="button">버튼</button></span>
  <span class="button black xlarge"><button type="button">버튼</button></span>

  <span class="button black small icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button black medium icon"><a href="#"><span class="iconset delete"></span>링크</a></span>
  <span class="button black large icon"><a href="#"><span class="iconset catrgory"></span>링크</a></span>
  <span class="button black xlarge icon"><a href="#"><span class="iconset delete"></span>링크</a></span>
  <span class="button black small icon"><button type="button"><span class="iconset delete"></span>버튼</button></span>
  <span class="button black medium icon"><button type="button"><span class="iconset delete"></span>버튼</button></span>
  <span class="button black large icon"><button type="button"><span class="iconset delete"></span>버튼</button></span>
  <span class="button black xlarge icon"><button type="button"><span class="iconset delete"></span>버튼</button></span>
  </div>
  <hr />

  <div>
  <h1>button blue</h1>
  <span class="button blue small"><a href="#">링크</a></span>
  <span class="button blue medium"><a href="#">링크</a></span>
  <span class="button blue large"><a href="#">링크</a></span>
  <span class="button blue xlarge"><a href="#">링크</a></span>
  <span class="button blue small"><button type="button">버튼</button></span>
  <span class="button blue medium"><button type="button">버튼</button></span>
  <span class="button blue large"><button type="button">버튼</button></span>
  <span class="button blue xlarge"><button type="button">버튼</button></span>

  <span class="button blue small icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button blue medium icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button blue large icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button blue xlarge icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button blue small icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button blue medium icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button blue large icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button blue xlarge icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  </div>
  <hr />

  <div>
  <h1>button green</h1>
  <span class="button green small"><a href="#">링크</a></span>
  <span class="button green medium"><a href="#">링크</a></span>
  <span class="button green large"><a href="#">링크</a></span>
  <span class="button green xlarge"><a href="#">링크</a></span>
  <span class="button green small"><button type="button">버튼</button></span>
  <span class="button green medium"><button type="button">버튼</button></span>
  <span class="button green large"><button type="button">버튼</button></span>
  <span class="button green xlarge"><button type="button">버튼</button></span>

  <span class="button green small icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button green medium icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button green large icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button green xlarge icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button green small icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button green medium icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button green large icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button green xlarge icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  </div>
  <hr />

  <div>
  <h1>button red</h1>
  <span class="button red small"><a href="#">링크</a></span>
  <span class="button red medium"><a href="#">링크</a></span>
  <span class="button red large"><a href="#">링크</a></span>
  <span class="button red xlarge"><a href="#">링크</a></span>
  <span class="button red small"><button type="button">버튼</button></span>
  <span class="button red medium"><button type="button">버튼</button></span>
  <span class="button red large"><button type="button">버튼</button></span>
  <span class="button red xlarge"><button type="button">버튼</button></span>

  <span class="button red small icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button red medium icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button red large icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button red xlarge icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button red small icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button red medium icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button red large icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button red xlarge icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  </div>
  <hr />

  <div>
  <h1>button white</h1>
  <span class="button white small"><a href="#">링크</a></span>
  <span class="button white medium"><a href="#">링크</a></span>
  <span class="button white large"><a href="#">링크</a></span>
  <span class="button white xlarge"><a href="#">링크</a></span>
  <span class="button white small"><button type="button">버튼</button></span>
  <span class="button white medium"><button type="button">버튼</button></span>
  <span class="button white large"><button type="button">버튼</button></span>
  <span class="button white xlarge"><button type="button">버튼</button></span>

  <span class="button white small icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button white medium icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button white large icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button white xlarge icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button white small icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button white medium icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button white large icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button white xlarge icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  </div>
  <hr />

  <div>
  <h1>button yellow</h1>
  <span class="button yellow small"><a href="#">링크</a></span>
  <span class="button yellow medium"><a href="#">링크</a></span>
  <span class="button yellow large"><a href="#">링크</a></span>
  <span class="button yellow xlarge"><a href="#">링크</a></span>
  <span class="button yellow small"><button type="button">버튼</button></span>
  <span class="button yellow medium"><button type="button">버튼</button></span>
  <span class="button yellow large"><button type="button">버튼</button></span>
  <span class="button yellow xlarge"><button type="button">버튼</button></span>

  <span class="button yellow small icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button yellow medium icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button yellow large icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button yellow xlarge icon"><a href="#"><span class="iconset setting"></span>링크</a></span>
  <span class="button yellow small icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button yellow medium icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button yellow large icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  <span class="button yellow xlarge icon"><button type="button"><span class="iconset setting"></span>버튼</button></span>
  </div>
  <hr />

</body>
</html>